<template>
  <el-dialog :title="isEdit ? '修改搜索条件' : '添加搜索条件'" :visible="visible" @close="closeHandle" width="970px">
    <div class="p-20">
      <el-row :gutter="50" type="flex">
        <el-form label-width="100px" size="small" label-position="left">
          <el-col :span="12">
            <el-form-item label="关键词">
              <el-input v-model="form.keywords"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12" style="position: relative">
            <el-checkbox v-model="form.isOven" style="position: absolute;left: -2px;line-height: 30px"></el-checkbox>
            <el-form-item label="穿云箭模式">
              <el-input v-model="form.oven"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="上家公司" style="width: 100%;height:32px;">
              <multiple-input></multiple-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作地">
              <el-input v-model="form.workPlace" placeholder="输入工作地，条件之间以逗号隔开"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="标签">
              <el-input v-model="form.tags"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="毕业院校">
              <el-input v-model="form.academy" placeholder="输入毕业院校"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="候选人来源">
              <el-select v-model="form.source" placeholder="选择候选人来源">
                <el-option value="1" label="自己录入"></el-option>
                <el-option value="2" label="伯乐"></el-option>
                <el-option value="3" label="种子简历"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作年限">
              <el-row>
                <el-col :span="11">
                  <el-select v-model="form.workingLifeMin" placeholder="最低">
                    <el-option value="1" label="1"></el-option>
                    <el-option value="2" label="2"></el-option>
                    <el-option value="3" label="3"></el-option>
                    <el-option value="4" label="4"></el-option>
                    <el-option value="5" label="5"></el-option>
                    <el-option value="6" label="6"></el-option>
                  </el-select>
                </el-col>
                <el-col :span="2" style="text-align:center">-</el-col>
                <el-col :span="11">
                  <el-select v-model="form.workingLifeMax" placeholder="最高">
                    <el-option value="1" label="1"></el-option>
                    <el-option value="2" label="2"></el-option>
                    <el-option value="3" label="3"></el-option>
                    <el-option value="4" label="4"></el-option>
                    <el-option value="5" label="5"></el-option>
                    <el-option value="6" label="6"></el-option>
                  </el-select>
                </el-col>
              </el-row>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="职位">
              <el-input v-model="form.job"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="项目">
              <el-input v-model="form.project" placeholder="按项目筛选"></el-input>
            </el-form-item>
          </el-col>
        </el-form>
      </el-row>
      <div class="form-bottom t-right">
        <ui-button size="medium" @click="closeHandle">取消</ui-button>
        <ui-button size="medium" type="blue" @click="save">保存</ui-button>
      </div>
    </div>
  </el-dialog>
</template>

<script>
import {Dialog, Row, Col, Form, FormItem, Input, Select, Option, Checkbox} from 'element-ui'
import MultipleInput from '@/components/common/components/multipleInput'
  export default {
    props: ['visible', 'data', 'isEdit'],
    components: {
      [Dialog.name]: Dialog,
      [Row.name]: Row,
      [Col.name]: Col,
      [Form.name]: Form,
      [FormItem.name]: FormItem,
      [Input.name]: Input,
      [Select.name]: Select,
      [Option.name]: Option,
      [Checkbox.name]: Checkbox,
      MultipleInput
    },
    data () {
      return {
        form: {}
      }
    },
    created() {
      this.form = this.data
    },
    methods: {
      closeHandle() {
        this.$emit('update:visible', false);
      },
      save() {

      }
    }
  }
</script>

<style>

 
</style>
